<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<!-- Title and other stuffs -->
		<title>PerfAutoTest</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="author" content="">

		<!-- Stylesheets -->
		<link href="style/bootstrap.css" rel="stylesheet">
		<!-- Font awesome icon -->
		<link rel="stylesheet" href="style/font-awesome.css">
		<!-- jQuery UI -->
		<link rel="stylesheet" href="style/jquery-ui.css">
		<!-- Calendar -->
		<link rel="stylesheet" href="style/fullcalendar.css">
		<!-- prettyPhoto -->
		<link rel="stylesheet" href="style/prettyPhoto.css">
		<!-- Star rating -->
		<link rel="stylesheet" href="style/rateit.css">
		<!-- Date picker -->
		<link rel="stylesheet" href="style/bootstrap-datetimepicker.min.css">
		<!-- CLEditor -->
		<link rel="stylesheet" href="style/jquery.cleditor.css">
		<!-- Uniform -->
		<link rel="stylesheet" href="style/uniform.default.css">
		<!-- Bootstrap toggle -->
		<link rel="stylesheet" href="style/bootstrap-switch.css">
		<!-- Main stylesheet -->
		<link href="style/style.css" rel="stylesheet">
		<!-- Widgets stylesheet -->
		<link href="style/widgets.css" rel="stylesheet">

		<!-- Favicon -->
		<link rel="shortcut icon" href="img/favicon/favicon.png">
	</head>

	<div class="navbar navbar-fixed-top bs-docs-nav" role="banner">
		<div class="conjtainer">
			<!--Navigation starts-->
			<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
				<ul class="navbar-collapse">
					<!--Links-->
					<ul class="nav navbar-nav navbar-left">
						<li class="dropdown navbar-left">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-user"></i>管理员
								<b class="caret"></b>
							</a>
							<!--Dropdown menu-->
							<ul class="dropdown-menu">
								<li>
									<a href="userinfo.html">
										<i class="icon-user"></i>资料</a>
								</li>
								<li>
									<a href="userset.html">
										<i class="icon-cogs"></i>设置</a>
								</li>
								<li>
									<a href="exit.html">
										<i class="icon-off"></i>退出</a>
								</li>
							</ul>
						</li>
					</ul>
					<!--Search form-->
					<ul class="nav navbar-nav navbar-right">
						<form class="navbar-form navbar-right" role="search">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Search(无效)" />
							</div>
						</form>
					</ul>
				</ul>
			</nav>
		</div>
	</div>


	<!-- Header starts -->
	<header>
		<div class="container">
			<div class="row">
				<!--Logo section-->
				<div class="col-md-4">
					<!--Logo.-->
					<div class="logo">
						<h1>
							<a href="#">Perf
								<span class="bold"></span>
							</a>
						</h1>
						<p class="meta">性能测试平台</p>
					</div>
					<!--Logo ends-->
				</div>
				<!--待替换-->
				<div class="col-md-4"></div>
				<!--待替换-->
				<div class="col-md-4"></div>
			</div>
		</div>
	</header>

	<!-- Header ends -->

	<!-- Main content starts -->

	<div class="content">

		<!--Sidebar-->
		<div class="sidebar">
			<div class="sidebar-dropdown">
				<a href="#">导航</a>
			</div>
			<!--Sidebar navigation-->
			<!--If the main navigation has sub navigation,then add the class"has_sub"to"li"of main navigation.-->
			<ul id="nav">
				<!--Main menu with font awesome icon-->
				<li>
					<a href="index.html">
						<i class="icon-home"></i>首页</a>
				</li>
				<li class="has_sub">
					<a href="#" class="open subdrop">
						<i class="icon-list-alt"></i>配置管理
						<span class="pull-right">
							<i class="icon-chevron-right"></i>
						</span>
					</a>
					<ul style="display: block;">
						<li>
							<a href="basicconfig.html">基本信息配置</a>
						</li>
						<li>
							<a href="interfaceconfig.html" class="open">接口信息配置</a>
						</li>
						<li>
							<a href="boardconfig.html">单板信息配置</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="autotest.html">
						<i class="icon-file-alt"></i>性能测试
						<span class="pull-right">
							<i class="icon-chevron-right"></i>
						</span>
					</a>
				</li>
				<li class="has_sub"> <a href="#"> <i class="icon-file-alt"></i>执行进度 <span class="pull-right">
							<i class="icon-chevron-right"></i>
						</span> </a>
					<ul>
						<li> <a href="logtext.html">日志查看</a> </li>
						<li> <a href="logchart.html">图表查看</a> </li>
					</ul>
				</li>
				<li>
					<a href="history.html">
						<i class="icon-file-alt"></i>版本列表
						<span class="pull-right">
							<i class="icon-chevron-right"></i>
						</span>
					</a>
				</li>
			</ul>
		</div>
		<!--Sidebar ends-->

		<!-- Main bar -->
		<div class="mainbar">

			<!-- Page heading -->
			<div class="page-head">
				<h2 class="pull-left">
					<i class="icon-table"></i> 接口信息配置</h2>

				<!-- Breadcrumb -->
				<div class="bread-crumb pull-right">
					<a href="index.html">
						<i class="icon-home"></i> 首页</a>
					<!-- Divider -->
					<span class="divider">/</span>
					<a href="#" class="bread-current"> 控制台（无效）</a>
				</div>

				<div class="clearfix"></div>

			</div>
			<!-- Page heading ends -->

			<!-- Matter -->

			<div class="matter">
				<div class="container">

					<!-- Table -->

					<div class="row">

						<div class="col-md-12">
							<div class="widget">

								<div class="widget-head">
									<div class="pull-left">配置详情</div>
									<div class="widget-icons pull-right">
										<a href="#" class="wminimize">
											<i class="icon-chevron-up"></i>
										</a>
										<a href="#" class="wclose">
											<i class="icon-remove"></i>
										</a>
									</div>
									<div class="clearfix"></div>
								</div>

								<div class="widget-content">

									<table class="table table-striped table-bordered table-hover" id="interfaceTable">
										<thead>
											<tr>
												<th>接口描述</th>
												<th>是否自动生成脚本</th>
												<th>Jmeter脚本路径</th>
												<th>Galting脚本路径</th>
												<th>方法</th>
												<th>URL</th>
												<th>Headers</th>
												<th>Body</th>
												<th>响应检测</th>
												<th>业务单板名</th>
												<th>最大时延</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody id="tbody">
											<!-- <tr>
												<td>模板</td>
												<td>true（或false）</td>
												<td>使用自定义jmx脚本时填写，填写脚本的名称，脚本统一存放在工程的scripts目录下</td>
												<td>GET（或POST）</td>
												<td>http://xx.xx.xx.xx:xxx/xx/...</td>
												<td>按照标准JSON格式填写：{"key_1":"value_1","key_2":"value_2","key_3":"value_3"}</td>
												<td>请求Body体，没有的时候可以不填</td>
												<td>用于jmx脚本中响应断言，响应中应当包含的内容</td>
												<td>设置jmx的线程数</td>
												<td>按照多少增量进行测试（每轮增加的TPS量）</td>
												<td>该接口涉及道德业务单板，多个之间用英文逗号隔开</td>
												<td>该接口性能测试过程中允许的最大时延，单位是ms</td>
												<td>
													<button class="btn btn-xs btn-success">
														<i class="icon-ok"></i>
													</button>
													<button class="btn btn-xs btn-warning">
														<i class="icon-pencil"></i>
													</button>
													<button class="btn btn-xs btn-danger">
														<i class="icon-remove"></i>
													</button>
												</td>
											</tr> -->
										</tbody>
									</table>

								</div>
							</div>

							<!-- Footer starts -->
							<footer>
								<div class="container">
									<div class="row">
										<div class="col-md-12">
											<!-- Copyright info -->
											<p class="copy">Copyright &copy; 2012 | <a href="#">Your Site</a> </p>
										</div>
									</div>
								</div>
							</footer>

							<!-- Footer ends -->

							<!-- Scroll to top -->
							<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>

							<!-- JS -->
							<script src="js/jquery.js"></script> <!-- jQuery -->
							<script src="js/bootstrap.js"></script> <!-- Bootstrap -->
							<script src="js/jquery-ui-1.9.2.custom.min.js"></script> <!-- jQuery UI -->
							<script src="js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
							<script src="js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
							<script src="js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

							<!-- jQuery Flot -->
							<script src="js/excanvas.min.js"></script>
							<script src="js/jquery.flot.js"></script>
							<script src="js/jquery.flot.resize.js"></script>
							<script src="js/jquery.flot.pie.js"></script>
							<script src="js/jquery.flot.stack.js"></script>

							<!-- jQuery Notification - Noty -->
							<script src="js/jquery.noty.js"></script>
							<script src="js/themes/default.js"></script>
							<script src="js/layouts/bottom.js"></script>
							<script src="js/layouts/topRight.js"></script>
							<script src="js/layouts/top.js"></script>
							<!-- jQuery Notification ends -->

							<!-- Sparklines -->
							<script src="js/sparklines.js"></script>
							<!-- CLEditor -->
							<script src="js/jquery.cleditor.min.js"></script>
							<!-- Date picker -->
							<script src="js/bootstrap-datetimepicker.min.js"></script>
							<!-- jQuery Uniform -->
							<script src="js/jquery.uniform.min.js"></script>
							<!-- Bootstrap Toggle -->
							<script src="js/bootstrap-switch.min.js"></script>
							<!-- Filter for support page -->
							<script src="js/filter.js"></script>
							<!-- Custom codes -->
							<script src="js/custom.js"></script>
							<!-- Charts & Graphs -->
							<script src="js/charts.js"></script>

							<!-- 自定义js方法 -->
							<script src="js/g2.min.js" type="text/javascript" charset="utf-8"></script>
							<script src="js/data-set.min.js" type="text/javascript" charset="utf-8"></script>
							<script src="js/PerfUtils.js" type="text/javascript" charset="utf-8"></script>

							<script type="text/javascript">
								$(function() {
									getInterfaceConfig();
								});
							</script>

							<style type="text/css">
								table td {
									max-width: 100px;
									word-wrap: break-word;
									text-overflow: ellipsis;
									white-space: nowrap;
									overflow: hidden;
								}

								table td:hover {
									white-space: normal;
									overflow: auto;
								}
							</style>
							</body>

</html>
